@charset "utf-8";
/* 
	@名称: style.css
	@日期: 2012-2-26
	@功能: 影楼/企业网站浏览器样式渲染
	@作者: 武汉奕创互动广告有限公司前端架构团队
	@版权: 武汉奕创互动广告有限公司(http://www.ciads.net http://www.ciads.com)保留
*/

.clearfix{ zoom:1; clear:both;}

.clearfix:after{ content:'\20'; display:block; clear:both;}

.none{ display:none;}

*{ margin:0; padding:0; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:normal;}

a{ text-decoration:none; outline:none; cursor:pointer; color:#30281a;}

a:hover,img{ border:none;}

html{ overflow-x:hidden;}

@media screen and (-webkit-min-device-pixel-ratio:0){ body{ overflow-x:hidden;}}

::selection{color:#fff; background:#5d5240;}

::-moz-selection{color:#fff; background:#5d5240;}

::-webkit-selection{color:#fff; background:#5d5240;}

body,button,input,select,textarea{ font:12px Verdana, Geneva, sans-serif;}

textarea{ resize:none}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

i{ font-style:normal;}

p{ text-align:justify; text-justify:inter-ideograph;}

ul,ol,dl{ list-style-type:none;}

.fl,.fr{ float:left; display:inline;}

.fr{ float:right;}

.lifl li{ float:left;}

.fmyh{ font-family:Microsoft YaHei,LiHei Pro;}

.ttuc{ text-transform:uppercase;}

.scroll{ position:relative; overflow:hidden;}

.scroll ul{ position:absolute; width:20000em;}

.scroll ul li{ float:left;}

.main{ }

.wrap{ width:1003px; margin:0 auto;}

.header{ height:308px; position:relative; border-bottom:1px solid #E8E4DC; overflow:hidden;}

.hwp{ position:relative;}

a.logo,a.logo2{ width:485px; height:97px; display:block; position:absolute; top:32px; left:17px;}

a.logo2{width:250px; height:28px; top:0; left:833px;}

.bpic{ height:308px;}

.spcb{ width:680px; height:132px; position:absolute; top:50px; right:-610px;}

.spcb .btn{  background:url(../wedding-img/arr_1.png) no-repeat; width:35px; height:122px; cursor:pointer;}

.spcb span.hover{ background-position:right 0;}

.spcb .spb{ background:url(../wedding-img/ico_1.png) no-repeat; height:132px; width:600px; padding-left:3px; font-size:0px; line-height:0px;}

.spcb .spb img{ border:5px solid #8f8677; cursor:pointer;}

.spcb .spb li{ padding:10px 0 0 7px;}

.spcb .spb li.hover img{ border-color:#706552;}

ul.nav li{ padding:5px 0; line-height:0;}

ul.nav{ position:absolute; top:198px; left:0; z-index:1;}

ul.nav a{ width:325px; height:33px; display:block;}

ul.nav a.n1{ background:url(../wedding-img/n1.png) -325px 0 no-repeat;}

ul.nav a.n2{ background:url(../wedding-img/n2.png) -325px 0 no-repeat;}

ul.nav a.n3{ background:url(../wedding-img/n3.png) -325px 0 no-repeat;}

ul.nav a.n4{ background:url(../wedding-img/n4.png) -325px 0 no-repeat;}

ul.nav a.n5{ background:url(../wedding-img/n5.png) -325px 0 no-repeat;}

ul.nav a.n6{ background:url(../wedding-img/n6.png) -325px 0 no-repeat;}

ul.nav a.hover{ background-position:0 0;}

.mconb{ background:url() 0 1px no-repeat #fff;}

.lcib{ width:62px; height:537px; background:url(../wedding-img/ico_3.gif) no-repeat;}

.lcib a,.finfo a.qq{ width:33px; height:33px; margin:166px 0 0;}

.inner{ width:1127px; position:relative; z-index:1;}

.infob{ width:310px; height:196px; position:absolute; left:0; top:19px; z-index:3;}

.infob .d{ font-size:48px; font-family:Arial, Helvetica, sans-serif; line-height:48px; text-align:center; color:#514a44; width:90px; border-right:1px solid #e2d9c9; height:196px; letter-spacing:-1px; overflow:hidden;}

.infob .d span{ display:block; font-family:Georgia, "Times New Roman", Times, serif; display:block; font-size:14px; line-height:14px;}

.infob .t{ width:205px; position:relative;}

.infob .t h2{ position:absolute; height:112px;}

h2.nt{ background:url(../wedding-img/nt.gif) 0 -1px no-repeat; width:214px;}

h2.wt{ background:url(../wedding-img/wt.gif) no-repeat; width:286px;}

h2.st{ background:url(../wedding-img/st.gif) no-repeat; width:247px;}

h2.bt{ background:url(../wedding-img/bt.gif) no-repeat; width:304px;}

h2.ct{ background:url(../wedding-img/ct.gif) no-repeat; width:284px;}

.infob .t h2.lt{ background:url(../wedding-img/lt.png) no-repeat; width:258px; height:283px;}

.dnb{ height:340px; position:relative; background:url(../wedding-img/ico_5.gif) 524px 217px no-repeat;}

.dnb ins.cov{ width:35px; height:150px; background-color:#fff; position:absolute; top:165px; right:0; z-index:1;}

.b1{ width:790px; height:275px; margin:40px 23px 0 0;}

.nl li{ margin-right:-10px;}

.nl a{ width:270px; height:275px; display:block; background:url(../wedding-img/dnl.gif) 0 bottom no-repeat; line-height:18px;}

.nl a i,.ntb i.d,.wtb i.d,.ltb i.d{ font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; margin-bottom:-8px; color:#c9bfad; letter-spacing:-1px; display:block; text-align:right;}

.nl a i span,.ntb i.d span,.wtb i.d span,.ltb i.d span{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:0 6px; color:#5d5240;}

.nl a h3{ font-size:12px; padding:0 0 0 85px; line-height:20px; _padding-top:8px;}

.nl a h3 span{ display:block; font-size:9px; color:#91887a;}

.nl a img{ margin:56px 0 0 9px;}

.nl a:hover{ background-position:right bottom;}

a.arr_l,a.arr_r,ul.page a.arr_l,ul.page a.arr_r{ background:url(../wedding-img/arr.gif) no-repeat; width:37px; height:37px; display:block;}

ul.page a.arr_r{ background-position:right 0;}

ul.page a.arr_l:hover{ background-position:0 bottom;}

ul.page a.arr_r:hover{ background-position:right bottom;}

a.al1,a.ar1{ position:absolute; top:219px; left:264px; z-index:2;}

a.r1{ left:1064px;}

.dwb{ height:550px; background:url(../wedding-img/dwt.gif) right 0 no-repeat; }

.dwb h2.t{ height:112px; position:relative;}

.dwb h2.t a{ width:125px; height:62px; margin:20px 0 0;}

.dwb h2.t ins{ position:absolute; height:62px; background:#50442e; width:30px; right:-30px; top:19px;}

.wsb{ background:url(../wedding-img/ico_6.gif) 32px bottom no-repeat; width:253px; height:345px;}

ul.imgl{ margin:0 0 0 15px; font-size:0px; line-height:0px; display:inline;}

ul.imgl li{ padding-bottom:4px; cursor:pointer;}

ul.imgl li.hover img{ width:86px; height:86px; border:5px solid #65563a;}

ul.imgl img{ display:block;}

ul.wcl{ padding-top:52px; _height:1px; font-size:0px; line-height:0px; overflow:hidden; height:200px;}

ul.wcl li{ padding-bottom:22px;}

ul.wcl a{ height:37px; display:block; cursor:default; width:109px; _width:auto; _position:relative; _left:15px;}

ul.wcl a.l1{ background:url(../wedding-img/wl1.gif) right 0 no-repeat;}

ul.wcl a.l2{ background:url(../wedding-img/wl2.gif) right 0 no-repeat;}

ul.wcl a.l3{ background:url(../wedding-img/wl3.gif) right 0 no-repeat;}

ul.wcl a.hover{ background-position:right bottom;}

a.gm{ width:155px; height:42px; clear:both; margin:3px 12px 0 0; }

.b2{ width:804px; height:352px;}

.b2 li{ width:822px;}

dl.wl dd{ float:left; padding:0 16px 13px 0;}

dl.wl a{ width:395px; height:170px; display:block; background:url(../wedding-img/wlbg.gif) no-repeat; line-height:18px;}

dl.wl a img{ float:left; margin:10px 25px 0 10px;}

dl.wl a h3{ font-size:12px; padding:12px 0 7px;}

dl.wl a h3 span,dl.wl a i{ display:block; font-size:9px; color:#91887a;}

dl.wl a i{ position:relative; left:20px;}

dl.wl a:hover,dl.wl a:hover i,dl.wl a:hover span{ background-position:0 bottom; color:#c9bfad;}

.finfo{ height:140px; clear:both; position:relative; background:url(../wedding-img/finfo.gif) 50px 0 no-repeat;}

.finfo ins{ background:url(../wedding-img/ico_7.gif) no-repeat; width:184px; height:215px; clear:both; position:absolute; left:0; top:-96px;}

ul.fnav{ clear:both; padding:60px 22px 0 0; position:relative; z-index:1; font-size:0px; line-height:0px; width:1040px; height:22px; overflow:hidden;}

ul.fnav a{ height:22px; display:block; width:181px;}

ul.fnav a.n1{ background:url(../wedding-img/fn1.gif) center 0 no-repeat; }

ul.fnav a.n2{ background:url(../wedding-img/fn2.gif) center 0 no-repeat; }

ul.fnav a.n3{ background:url(../wedding-img/fn3.gif) center 0 no-repeat; }

ul.fnav a.n4{ background:url(../wedding-img/fn4.gif) center 0 no-repeat; width:150px;}

ul.fnav a.n5{ background:url(../wedding-img/fn5.gif) center 0 no-repeat;}

ul.fnav a.n6{ background:url(../wedding-img/fn6.gif) center 0 no-repeat; width:164px;}

ul.fnav a:hover,ul.fnav a.hover{ background-position:center bottom;}

.finfo a.qq{ margin:3px 424px 0 0;}

.flk{ border-top:1px solid #e2d9c9; background:url(../wedding-img/flk.gif) 99% 12px no-repeat; height:91px;}

.b5{ width:1000px; height:50px; margin:20px 54px 0 0; position:relative; overflow:hidden;}

.b5 ul{ width:1000px; height:200em; position:absolute;}

.b5 ul li{ line-height:24px;}

.b5 li a{ padding-right:18px; color:#938670;}

.b5 li a:hover{ color:#514c42;}

.footer{ background-color:#e8e4dc; padding:16px 0;}

.copyright{ font-size:10px; margin:0 20px 0 0;text-align:right;}

.copyright,.copyright a{ color:#73644a; line-height:14px; text-align:right;}

h2.ci{ margin:3px 0 0 9px;}

h2.ci a{ background:url(../wedding-img/ci.gif) no-repeat; width:50px; height:24px; display:block;}

.copyright a:hover{ color:#2c2a27;}

.scb{ border-bottom:1px solid #e2d9c9; height:84px; position:relative; margin-bottom:34px;}

a.gh{ background:url(../wedding-img/ico_9.gif) no-repeat; width:31px; height:31px; display:block; position:absolute; right:0; top:0;}

ul.scl{ padding:20px 30px 0 0;}

ul.scl li{ padding:4px 17px 0 24px;}

ul.scl li.sp{ background:url(../wedding-img/scl.gif) 17px 0 no-repeat; width:184px; height:44px;}

ul.scl a{ height:37px; display:block;}

ul.scl a.nl1{ background:url(../wedding-img/nl1.gif) no-repeat; width:119px;}

ul.scl a.nl2{ background:url(../wedding-img/nl2.gif) no-repeat; width:121px;}

ul.scl a.wl1{ background:url(../wedding-img/wl1.gif) no-repeat; width:80px;}

ul.scl a.wl2{ background:url(../wedding-img/wl2.gif) no-repeat; width:109px;}

ul.scl a.wl3{ background:url(../wedding-img/wl3.gif) no-repeat; width:103px;}

ul.scl a.sl1{ background:url(../wedding-img/sl1.gif) no-repeat; width:88px;}

ul.scl a.sl2{ background:url(../wedding-img/sl2.gif) no-repeat; width:89px;}

ul.scl a.sl3{ background:url(../wedding-img/sl3.gif) no-repeat; width:86px;}

ul.scl a.al{ background:url(../wedding-img/al.gif) no-repeat; width:87px;}

ul.scl a.cl{ background:url(../wedding-img/cl.gif) no-repeat; width:98px;}

ul.scl a.l1{ background:url(../wedding-img/l1.gif) no-repeat; width:98px;}

ul.scl a.l2{ background:url(../wedding-img/l2.gif) no-repeat; width:98px;}

ul.scl a:hover,ul.scl a.hover{ background-position:0 bottom;}

ul.nlpm{ width:815px; padding:10px 0 30px;}

ul.nlpm li{ padding-bottom:28px;}

ul.page{ padding:0 30px 60px 0;}

ul.page li{ padding:0 2px;}

ul.page li a{ color:#5d5240; display:block; line-height:37px; width:37px; background:url(../wedding-img/ico_11.gif) no-repeat; height:37px; text-align:center;}

ul.page li a:hover,ul.page li a.hover{ background-position:right 0; color:#fff;}

.ntb,.wtb{ background:url(../wedding-img/ntb.gif) no-repeat; width:882px; height:196px; position:relative; margin:0 3px 22px 0;}

.wtb{ background:url(../wedding-img/wtb.gif) no-repeat; height:215px;}

.ntb img,.wtb img,.ltb img{ float:right; margin:10px 25px 0 48px;}

.wtb img{ margin-right:13px;}

.ntb h3,.wtb h3,.ltb h3{ float:right; font-size:14px; color:#837358; text-align:right; line-height:18px; padding-top:12px;}

.ntb h3 span,.wtb h3 span,.ltb h3 span{ display:block; font-size:9px; color:#91887a;}

.ntb i.d,.wtb i.d,.ltb i.d{ position:absolute; top:105px; left:414px;}

.ntb ul.page,.wtb ul.page,.ltb ul.page{ position:absolute; top:108px; left:545px;}

.ndb,.btb{ width:740px; margin-right:90px; line-height:22px; color:#30281a; padding-bottom:40px;}

dl.wlpm{ width:826px; padding:30px 0;}

ul.wdl{ width:920px; margin-right:15px; padding-bottom:60px;}

ul.wdl li{ padding:0 8px 8px 0; float:right;}

ul.wdl a{ width:174px; height:164px; display:block; background:url(../wedding-img/wdl.gif) no-repeat; text-align:center; padding-top:10px;}

ul.wdl a:hover{ background-position:right 0;}

ul.sl{ margin-right:70px; padding-bottom:30px;}

ul.sl li{ padding-bottom:32px;}

ul.sl a{ width:400px; height:171px; display:block; position:relative;}

ul.sl a img,.stb img{ float:right; margin:4px 4px 0 19px;}

ul.sl a h3,.stb h3{ color:#837358; font-size:14px; line-height:18px; margin:60px 0 0;}

ul.sl a h3 b,.stb h3 b{ background:url(../wedding-img/ico_13.gif) 0 center no-repeat; padding-left:16px;}

ul.sl a h3 span,.stb h3 span{ display:block; clear:both; font-size:9px;}

ul.sl a ins,.stb ins{ background:url(../wedding-img/ico_12.png) no-repeat; width:171px; height:171px; position:absolute; top:0; right:0;}

ul.sl a i{ width:624px; height:46px; position:absolute; top:98px; right:187px; display:block;}

ul.sl a i.s1{ background:url(../wedding-img/s1.gif) no-repeat;}

ul.sl a i.s2{ background:url(../wedding-img/s2.gif) no-repeat; width:544px;}

ul.sl a i.s3{ background:url(../wedding-img/s3.gif) no-repeat; width:684px;}

ul.sl a:hover i,ul.sl a:hover ins{ background-position:0 bottom;}

.stb{ width:849px; height:171px; position:relative; background:url(../wedding-img/ico_14.gif) 0 66px no-repeat; margin:0 25px 25px 0;}

.stb h3{ margin-top:30px;}

.stb ul.page{ position:absolute; top:110px; right:152px; padding-bottom:0;}

ul.ll{ padding:22px 0 20px; margin-top:38px;}

ul.ll li{ padding:0 11px}

ul.ll a{ width:209px; height:205px; display:block;}

ul.ll a img{ margin-bottom:30px;}

ul.ll a h3{ font-size:12px; color:#30281a; line-height:18px; background:url(../wedding-img/ico_15.gif) 0 5px no-repeat; padding-left:21px;}

ul.ll a h3 span{ display:block; font-size:9px; color:#91887a;}

ul.ll a:hover img{ border:7px solid #c9bfad; width:195px; height:122px;}

ul.ll a:hover h3{ background-position:-230px 5px;}

ul.llbg1{ background:url(../wedding-img/ico_16.gif) no-repeat; padding-left:78px;}

ul.llbg2{ background:url(../wedding-img/ico_17.gif) repeat-x; padding-left:18px; margin-bottom:30px;}

.ltb{ background:url(../wedding-img/ltb.gif) no-repeat; width:909px; height:180px; position:relative; margin:20px 0 30px;}

.ltb img{ margin:22px 12px 0 130px;}

.ltb h3{ padding-top:0;}

.ltb ul.page{ left:495px; top:98px;}

.ltb i.d{ top:95px; left:380px;}

.vdb{ margin:0 215px 50px 0;}

.bdb{ width:945px; margin-right:2px; padding-top:30px;}

h2.at{ height:70px; clear:both;}

h2.at1{ background:url(../wedding-img/at1.gif) right 0 no-repeat;}

h2.at2{ background:url(../wedding-img/at2.gif) right 0 no-repeat;}

h2.at3{ background:url(../wedding-img/at3.gif) right 0 no-repeat;}

.btb{ width:725px; margin-right:38px; padding:30px 0 60px;}

.cbp{ background:url(../wedding-img/cbp.gif) 0 20px no-repeat; height:887px; width:881px; height:1120px;}

ul.qq{ padding:165px 0 0 225px;}

ul.qq a{ width:160px; height:33px; display:block;}

.wb_f{ position:absolute; top:20px; right:5px; z-index:99; width:160px; background:#FFF;}

.wb_f a.close{ position:absolute; top:10px; right:5px; font-size:18px; z-index:10;}

.wb_f a.close:hover{ color:#F00;}

.cbp{ position:relative;}

.cbp a.more{ position:absolute; top:90px; width:80px; height:30px; left:210px;}

.cbp a.weibo{ position:absolute; top:74px; width:45px; height:45px;left:308px;}


/* 作品 */

.right707{width:770px;float:right; height:}
.right707 .about-title{height:66px; }
.right707 .about-content{margin:0 0 40px; height:auto;}
.fl,.fr{ float:left; display:inline;}
.bbbg,ul.nl li,ul.ll li,dl.sll dd{repeat-x;}
.lifl li{ float:left;}
ul.rnl a:hover img, dl.dnl a:hover img, ul.wl a:hover img, ul.dwl2 a:hover img, ul.dll a:hover.l img, ul.dll a:hover.s img, ul.mcl .m a:hover img, ul.dsl a:hover img, .b3 .mc .lb a:hover img, ul.tl a:hover img, .b3 .mc .m a:hover img, ul.mi a:hover img, ul.nl a:hover img, ul.msgl .m a:hover img, ul.rrwl a:hover img, ul.sl a:hover img, ul.rrsl a:hover img, ul.ll a:hover img, ul.lsl a:hover.p img, ul.lsl a:hover.m img, ul.lsl a:hover.c img, dl.sll a:hover img, ul.lpl a:hover img{ border-color:#D91A1A;}
dl.dnl dt img,ul.dll a.l img,ul.dll a.s img,ul.mcl .m img,ul.dsl a img,.b3 .mc .lb a img,ul.tl img,.b3 .mc .m img,ul.mi img,ul.wl img,ul.nl img,ul.msgl .m img,ul.rrwl img,ul.sl  img,ul.rrsl img,ul.ll img,.tdb img,ul.lsl a.p img,ul.lsl a.m img,.mhead,dl.sll img,ul.lpl img{ border:5px solid #d5d5d5;}
ul.page li a:hover,ul.page li a.hover{ background-color:#D91A1A; color:#fff;}
.clearfix{ zoom:1;}

